React Aria

Adobeの開発するデザインシステムの一基盤で、アクセシビリティと動作を担当するライブラリ。

マウス、タッチ、キーボード、スクリーンリーダーのサポートなど、すべてのユーザーに可能な限り最高のエクスペリエンスを提供するために、adaptive インタラクションを実装しています。

React Ariaは振る舞いを担保しており、これを任意の見た目と組み合わせられる。

AdobeのデザインシステムReact Spectrumはその一つ。

React Ariaを使うと、React Ariaに振る舞い部分を任せられる

マウス/タッチデバイス, 左横書き・右横書き、スクリーンリーダー…… 考慮事項が多すぎる

動機: これらを各社で実装するのは非効率で、各デザインシステムが乗れる共通の基盤が必要

「求められる動作の保証」の基盤を外注して、独自性のある部分に注力することが可能になる

https://www.youtube.com/watch?v=dxDcBB7Xoxs